<template>
  <div>
    <ChildSlot>
      <!-- <template #header>
        <div>
          我是header
        </div>
      </template>
      <div>
        我是main的匿名插槽
      </div>
      <template #main>
        <div>
          我是main的具名插槽
        </div>
      </template>
      <template #footer>
        <div>
          我是footer插槽
        </div>
      </template> -->
      <template v-slot="scope">
        <div>
          {{scope.msg}}
          {{scope.defot}}
        </div>
      </template>
    </ChildSlot>
  </div>
</template>

<script>
import ChildSlot from './childSlot/childSlot.vue'
export default {
  components: { ChildSlot }
}
</script>

<style>

</style>
